﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nghe nhạc tại Mp3 Zing</title>

    <link href="Styles/zingMp3_1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    function changeSlide(x) {
        switch (x) {
            case 1:
                // change image 
                document.getElementById("slideItems").style.left = "-660px";
                // change class selected
                document.getElementById("slideItem1").setAttribute("class", "song-slider-selected");
                document.getElementById("slideItem2").setAttribute("class", "");
                document.getElementById("slideItem3").setAttribute("class", "");
                document.getElementById("slideItem4").setAttribute("class", "");
                break;
            case 2:
                document.getElementById("slideItems").style.left = "-330px";
                // change class selected
                document.getElementById("slideItem2").setAttribute("class", "song-slider-selected");
                document.getElementById("slideItem1").setAttribute("class", "");
                document.getElementById("slideItem3").setAttribute("class", "");
                document.getElementById("slideItem4").setAttribute("class", "");
                break;
            case 3:
                document.getElementById("slideItems").style.left = "-990px";
                // change class selected
                document.getElementById("slideItem3").setAttribute("class", "song-slider-selected");
                document.getElementById("slideItem2").setAttribute("class", "");
                document.getElementById("slideItem1").setAttribute("class", "");
                document.getElementById("slideItem4").setAttribute("class", "");
                break;
            case 4:
                document.getElementById("slideItems").style.left = "0px";
                // change class selected
                document.getElementById("slideItem4").setAttribute("class", "song-slider-selected");
                document.getElementById("slideItem2").setAttribute("class", "");
                document.getElementById("slideItem3").setAttribute("class", "");
                document.getElementById("slideItem1").setAttribute("class", "");
                break;
        }
    }	
</script>
</head>

<body>
	<div id="header">
    	<div id="topNav">
        	<div id="logo"><a href="#"><img src="imagesZing/logo.jpg" width="118" height="43" alt="logo-zing" /></a></div><!-- End #logo -->
            <div id="search">
            	<form id="frmSearch" action="#" method="post" name="frmSearch">
                	<input name="txtSearch" type="text" id="txtSearch" />
                    <input name="btnSubmit" type="submit" value="Tìm" id="btnSearch" />
                </form>
            </div><!-- End #search -->
            <div id="linkTo">
            	<ul>
                	<li><a href="#">ME</a></li>
                    <li><a href="#">MP3</a></li>
                    <li><a href="#">NEWS</a></li>
                </ul>
            </div><!-- End #linkTo -->
            <div id="login">
            	<a href="#">Đăng nhập / </a>
                <a href="#">Đăng ký</a>
            </div><!-- End #login -->
        </div><!-- End #topNav -->
        <div class="clear"></div>
        <div id="mainMenu">
        	<ul id="topMenu">
            	<li id="homeMenu"><a href="#"></a></li>
                <li class="sm">
                	<a  href="#">Nhạc</a>
                    <div class="sub sub1">
                    	
                    	<div class="cols cols1">
                        	<h3>Thể loại Album</h3>
                            <a href="#">Nhạc Việt Nam</a>
                            <a href="#">Rap Việt</a>
                            <a href="#">Nhạc quê hương</a>
                            <a href="#">Cải lương</a>
                            <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                        	<h3>Thể loại bài hát</h3>
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc Rock</a>
                            <a href="#">Nhạc Rap</a>
                            <a href="#">Nhạc Quốc tế</a>
                            <a href="#">Nhạc vàng</a>
                        </div>
                        <div class="cols cols1">
                        	<h3>Album online</h3>
                            <a href="#">2010</a>
                            <a href="#">2012</a>
                            <a href="#">2012</a>
                        </div>
                    </div>
                </li>
                <li  class="sm">
                	<a  href="#">Video</a>
                    <div class="sub sub1">
                    	<div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a>
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a>
                            <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc Rock</a>
                            <a href="#">Nhạc Rap</a>
                            <a href="#">Nhạc Quốc tế</a>
                            <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li  class="sm">
                	<a  href="#">Bảng xếp hạng</a>
                    <div class="sub sub1">
                    	<div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a>
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a>
                            <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc Rock</a>
                            <a href="#">Nhạc Rap</a>
                            <a href="#">Nhạc Quốc tế</a>
                            <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li  class="sm">
                	<a  href="#">Sự kiện</a>
                    <div class="sub sub1">
                    	<div class="cols cols1">
                            <a href="#">Nhạc Việt Nam</a>
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc trữ tình</a>
                            <a href="#">Rap Việt</a>
                            <a href="#">Nhạc Hoa</a>
                        </div>
                        <div class="cols cols1">
                            <a href="#">Nhạc trẻ</a>
                            <a href="#">Nhạc Rock</a>
                            <a href="#">Nhạc Rap</a>
                            <a href="#">Nhạc Quốc tế</a>
                            <a href="#">Nhạc vàng</a>
                        </div>
                    </div>
                </li>
                <li id="upload">
                	<a  href="#">Upload</a>
                </li>
            </ul>
        </div><!-- End #mainMenu -->
    </div><!-- End #header -->
    <div class="clear"></div>	
    <div id="ad1">
        	  <object type="application/x-shockwave-flash" data="imagesZing/ad1.swf" width="980" height="50">
        	    <param name="quality" value="high" />
        	    <param name="wmode" value="opaque" />
        	    <param name="swfversion" value="6.0.65.0" />
   	  </object>
	</div><!-- End #ad1 -->
    <div id="content">
    	<div id="left">
        	<div class="cate">
            	<h2 class="cateTitle">Chủ đề</h2>
                <ul>
                	<li><a href="#">Nhạc hot Việt</a></li>
                    <li><a href="#">Nhạc Việt mới</a></li>
                    <li><a href="#">Nhạc rap Việt</a></li>
                    <li><a href="#">Nhạc sàn</a></li>
                    <li><a href="#">Love songs</a></li>
                    <li><a href="#">Zing collections</a></li>
                </ul>
            </div><!-- End .cate -->
            <div class="cate">
            	<h2 class="cateTitle">Chủ đề</h2>
                <ul>
                	<li><a href="#">Nhạc hot Việt</a></li>
                    <li><a href="#">Nhạc Việt mới</a></li>
                    <li><a href="#">Nhạc rap Việt</a></li>
                    <li><a href="#">Nhạc sàn</a></li>
                    <li><a href="#">Love songs</a></li>
                    <li><a href="#">Zing collections</a></li>
                    <li><a href="#">Nhạc hot Việt</a></li>
                    <li><a href="#">Nhạc Việt mới</a></li>
                    <li><a href="#">Nhạc rap Việt</a></li>
                    <li><a href="#">Nhạc sàn</a></li>
                    <li><a href="#">Love songs</a></li>
                    <li><a href="#">Zing collections</a></li>
                </ul>
            </div><!-- End .cate -->
            <div class="cate">
            	<h2 class="cateTitle">Chủ đề</h2>
                <ul>
                	<li><a href="#">Nhạc hot Việt</a></li>
                    <li><a href="#">Nhạc Việt mới</a></li>
                    <li><a href="#">Nhạc rap Việt</a></li>
                    <li><a href="#">Nhạc sàn</a></li>
                    <li><a href="#">Love songs</a></li>
                    <li><a href="#">Zing collections</a></li>
                </ul>
            </div><!-- End .cate -->
		</div><!-- End #left -->
        
        <div id="center">
        	<div class="song-slider">
                <div>
                    <div id="slider" style="overflow: hidden;">
                        <ul id="slideItems"  >
                            <li>
                                <a href="#" title="Zing Mp3 - Channel"><img width="330" height="200" alt="Zing Mp3 - Channel" src="imagesZing/slide1.jpg" ></a>
                            </li>
                            <li>
                                <a  href="#" title="I Love You"><img width="330" height="200" alt="I Love You" src="imagesZing/slide2.jpg"></a>
                            </li>
                            <li>
                                <a href="" title="Có Khi Nào R?i Xa"><img width="330" height="200" alt="Có Khi Nào R?i Xa" src="imagesZing/slide3.jpg"></a>
                            </li>
                            <li>
                                <a  href="" title="M"><img width="330" height="200" alt="M" src="imagesZing/slide4.jpg"></a>
                            </li>
                        </ul><!-- End ul#slideItems -->
                    </div><!-- End #slider -->
                </div>	
                <ul class="song-slider-nav" id="slider_pagination">
                    <li class="" rel="0" onclick="changeSlide(1);" id="slideItem1"  >
                        <a href="#" title="Zing Mp3 - Channel">Zing Mp3 - ...<span>Mới phát hành</span></a>&nbsp;
                    </li>
                    <li rel="1" class="song-slider-selected" onclick="changeSlide(2);"  id="slideItem2">
                        <a href="#" title="I Love You">I Love You<span>Hồ Ngọc Hà ft. ...</span></a>&nbsp;
                    </li>
                    <li rel="2" class="" onclick="changeSlide(3);" id="slideItem3" >
                        <a href="#" title="Có khi nào rời xa">Có khi nào rời Xa<span>Bích Phương</span></a>&nbsp;
                    </li>
                    <li rel="3" class="" onclick="changeSlide(4);"  id="slideItem4">
                        <a href="#" title="M">M<span>Nathan Lee</span></a>&nbsp;
                    </li>
               </ul><!-- End ul.song-slider-nav -->
            </div><!-- End #songSlider -->
            <div class="clear"></div>
            <div class="blockContent">
            	<h2 class="blockTitle">Album hot</h2>	
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
                <div class="blockItems">
                	<a href="#"><img alt="block image" src="imagesZing/block content/0b32cfcceb8a7649f12a664cd02027eb_1329275486.jpg" width="165" height="165" /></a>
                    <div class="meta">
                        <h3>
                            <a href="#" title="Một Cõi Bình Yên - Vĩnh Thuyên Kim">Một Cõi Bình Yên</a>
                        </h3>
                        <span>
                            <a title="Tìm bài hát của Vĩnh Thuyên Kim" href="#">Vĩnh Thuyên Kim</a>
                        </span>
                	</div><!-- End .meta -->
                </div><!-- End .blockItems -->
             </div><!-- End .blockContent album -->
             <div class="blockContent video">
            	<h2 class="blockTitle">Video hot</h2>	
                <div class="blockItems-video">
                	<a href="#" class="video-image"><img alt="block image" src="imagesZing/block content/video 2.jpg" width="128" height="72" /></a>
                </div><!-- End .blockItems -->
                
             </div><!-- End .blockContent video -->
        </div><!-- End #center -->
        
        <div id="right">
        	<div id="ad2">
                <object type="application/x-shockwave-flash" data="imagesZing/ad3.swf" width="300" height="250">
                  <param name="quality" value="high" />
                  <param name="wmode" value="opaque" />
                  <param name="swfversion" value="8.0.35.0" />
          	    </object>
        	</div><!-- End #ad2 -->
            <div id="ad3">
       	    	<img src="imagesZing/ad3.jpg" width="300" height="100" alt="ad3" />
            </div><!-- End #ad3 -->
            <div id="slideBar">
            	<h2 class="starTitle">Sao trên Zing me</h2>
                <ul>
                	<li>
                    	<img alt="thumb" src="imagesZing/thumbs star/lamchanhuy_singer_50_3.jpg" width="50" height="50"  />
                        <span class="starRate"></span>
                        <p>
                        	<a href="#">Lân Chấn Huy</a>
                            <p class="starContent">Ngày mai Huy quay MV " dừng có ghen" gia đình mình chuẩn ...</p>
                            <p class="starTime">Vào lúc: 1 phút trước</p>
                        </p>
                    </li>
                    <li>
                    	<img alt="thumb" src="imagesZing/thumbs star/lamchanhuy_singer_50_3.jpg" width="50" height="50"  />
                        <span class="starRate"></span>
                        <p>
                        	<a href="#">Lân Chấn Huy</a>
                            <p class="starContent">Ngày mai Huy quay MV " dừng có ghen" gia đình mình chuẩn ...</p>
                            <p class="starTime">Vào lúc: 1 phút trước</p>
                        </p>
                    </li>
                    <li>
                    	<img alt="thumb" src="imagesZing/thumbs star/lamchanhuy_singer_50_3.jpg" width="50" height="50"  />
                        <span class="starRate"></span>
                        <p>
                        	<a href="#">Lân Chấn Huy</a>
                            <p class="starContent">Ngày mai Huy quay MV " dừng có ghen" gia đình mình chuẩn ...</p>
                            <p class="starTime">Vào lúc: 1 phút trước</p>
                        </p>
                    </li>
                    <li>
                    	<img alt="thumb" src="imagesZing/thumbs star/lamchanhuy_singer_50_3.jpg" width="50" height="50"  />
                        <span class="starRate"></span>
                        <p>
                        	<a href="#">Lân Chấn Huy</a>
                            <p class="starContent">Ngày mai Huy quay MV " dừng có ghen" gia đình mình chuẩn ...</p>
                            <p class="starTime">Vào lúc: 1 phút trước</p>
                        </p>
                    </li>
                </ul>
            </div><!-- End #slideBar -->
        </div><!-- End #right -->
	</div><!-- End #content -->
    <div id="footer"></div><!-- End #footer -->
</body>
</html>